
.container {
  position: relative;
  .code-box {
    position: absolute;
    width: 100%;
    top: 180rpx;
    left: 0;
    image {
      width: 100%;
      height: 300rpx;
    }
    .code-info {
      background-color: #fff;
      border-radius: 20rpx;
      padding: 40rpx;

      &-title {
        font-size: 36rpx;
        font-weight: 600;
      }
      &-desc {
        color: #999;
        padding-top: 10rpx;
        font-size: 24rpx;
      }
      &-img {
        width: 320rpx;
        height: 320rpx;
        margin:30rpx auto;
        padding: 20rpx 0 0 20rpx;
        box-shadow:
        inset 6rpx 6rpx 6rpx rgba(19, 144, 225,.3),
        6rpx 6rpx 6rpx rgba(19, 144, 225,.3);
        .qs-code {
          width: 300rpx;
          height: 300rpx;
        }
      }
    }

    .person-info {
      background-color: #fff;
      border-radius: 20rpx;
      margin-top: 20rpx;
      padding: 40rpx;

      .info-list {
        font-size: 24rpx;
        display: flex;
        padding: 20rpx 0;
        justify-content: space-between;
        border-bottom: 2rpx solid #e3e3e3;
        
        .info-phone {
          color:#1067db ;
          font-size: 22rpx;
          margin-left: 40rpx;
        }
        .info-status {
          color: red;
        }
      }
    }
  }
}